<template>
<div>
  <div class="row" v-for="user in info.users" :key="user.login">
      <div class="card">
        <a :href="user.html_url" target="_blank">
          <img :src="user.avatar_url" style='width: 100px'/>
        </a>
        <p class="card-text">{{info.users.login}}</p>
      </div>
    </div>
    <div v-show="info.isFirst">欢迎</div>
    <div v-show="info.isLoading">加载中</div>
    <div v-show="info.errMsg">{{info.errMsg}}</div>
</div>
</template>
<script>
export default {
name: 'ListUser',
data(){
  return {
    info:{
    isFirst: true,
    isLoading:false,
    errMsg:'',
    users:[],
    }
  }
},
components:{
},
mounted(){
  this.$bus.$on('updateList',(dataObj)=>{
    this.info={...this.info,...dataObj}
  })
}
}
</script>

<style>

</style>